<template>
  <el-descriptions :column="1" border>
    <el-descriptions-item label="IP">{{ info.ip }}</el-descriptions-item>
    <el-descriptions-item label="分区">{{
      info.category
    }}</el-descriptions-item>
    <el-descriptions-item label="日志总量">{{
      info.total
    }}</el-descriptions-item>
  </el-descriptions>
</template>

<script setup lang="ts">
import { withDefaults } from 'vue'
import type { NodeBusinessInfo } from './types'

interface Props {
  info: NodeBusinessInfo
}
withDefaults(defineProps<Props>(), {
  info: {
    ip: '',
    category: '',
    total: 0,
    label: '',
  },
})
</script>
